<template>
    <div style="height:100%;">
        <view-box>
            <router-view/>
            <Tabbar>
                <tabbar-item  selected link="/home-list">
                    <span slot="label">首页</span>
                </tabbar-item>
                <tabbar-item link="/order">
                    <span slot="label">订单</span>
                </tabbar-item>
                <tabbar-item link="/mine">
                    <span slot="label">我的</span>
                </tabbar-item>
            </Tabbar>
        </view-box>
    </div>
</template>


<script>
    import homeList from './home-list'

    export default {
        name: 'Home',
        components: {
            homeList,
        },
        methods:{
            prevent(e){
                return false
            }
        },
        mounted() {

        }
    }
</script>
<style lang="less" scoped>
    @import '../common/css/home.less';
    /deep/ .vux-header{
        background: @Homecolor;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
    }
    /deep/ .weui-tabbar__item.vux-tabbar-simple{
        background: @Homecolor;
        .weui-tabbar__label{
            span{
                color:#fff;
            }
        }
    }
    /deep/ .weui-tabbar__item.weui-bar__item_on.vux-tabbar-simple{
        background: #fff;
        .weui-tabbar__label{
            span{
                color:@Homecolor;
            }
        }
    }

</style>
